<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=gbk"/>
    <meta http-equiv="X-UA-Compatible" content="IE=8"/>
    <title>Expand/collapse child items</title>
    <link rel="stylesheet" href="../style/default.css"/>
</head>

<body>
<div class="title">
    <h1>Expand/collapse child items</h1>
</div>
<div class="body">
    <p>
    The todo list is a tree structure,
        you can click the [+] button of a parent item to expand it; click [-] to collapse.</p>
    <p>
    You can also use the Expand all and Collapse all buttons on the toolbar
        to expand all or collapse all.
        <div>
            <img src="image/toggle_buttons.png" alt=""/>
        </div>
    </p>

</div>
</body>
</html>
